<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="/css/shopingcar.css">
    <title>Cakeboss蛋糕老板</title>
</head>
<body>
    <header></header>
    <div class="shop_body">
        <section>
            <div class="container">
            
                <div class="will_buy_shop" id="will_buy_shop">

                </div>    
                <script type="text/html" id="shopTemplate">
                    <table cellspacing = "0" cellpadding ="0" >
                        <thead class="nav_shop">
                            <tr>
                                <th width="160px">
                                    <a href="javascript:;" id="edit">编辑</a>
                                    <span><input type="checkbox" id="all_check" ></span>
                                </th>
                                <th width="310px">商品名称</th>
                                <th width="90px">购买数量</th>
                                <th width="200px">单价</th>
                                <th width="200px">小计</th>
                            </tr>
                        </thead>
                        <tbody class="shop_cont"> 
                            {{ each  cartList shop}}
                            <tr data_id="{{shop.id}}">
                                <td>
                                <label class="check-label">
                                    <input type="checkbox" {{shop.check ? 'checked' : ''}} />
                                    <span class="check-span">
                                        <span class="check-item"></span>
                                    </span>
                                </label>
                                    
                                </td>
                                <td>
                                    <a href="/html/detail.html?id={{shop.id}}">
                                        <img src="{{shop.photo.url}}" alt="">
                                    </a>
                                    <span>{{shop.title.slice(0,15)}}</span>
                                </td>
                                <!-- <td>
                                    <span>{{shop.originPrice}}</span>
                                </td> -->
                                <td>
                                    <a href="javaScript:;" class="minus">-</a>
                                    <input type="text" value="{{shop.num}}">
                                    <a href="javaScript:;" class="plus">+</a>
                                </td>
                                <td>{{shop.price.toFixed(2)}}</td>
                                <td>{{(shop.price * shop.num).toFixed(2)}}</td>
                            </tr>
                
                            {{ /each}}
                        </tbody>
                        <tfoot  class="shop_submit">
                            <tr>
                                <td width="190px">
                                    <input type="checkbox" id="selectAllBox" checked/>
                                    <p id="All">
                                        <a href="javaScript:;" id="clearAll">删除/</a>
                                        <a href="javaScript:;" id="cancel">取消编辑</a>
                                    </p>
                                </td>
                                <td width="800px">
                                    <span>商品应付金额：</span>
                                    <em>￥</em>
                                    <span id="Paymoney"></span>
                                </td>
                                <td width="180px">
                                    <a href="javaScript:;" id="indent">提交订单</a>
                                </td>
                            </tr>
                        </tfoot>



                    </table>
                    
                </script>

                <div class="nothing_shop" id="nothing_shop">
                        <p>》》》您的购物车暂时无商品，去买点啥吧！</p>
                        <a href="/index.html">返回首页</a> 
                        <a href="/html/categroy.html">去选商品</a>
                </div>
            </div>
        </section>
    </div>
    <footer></footer>
</body>
</html>
<script src="/libs/require/require.min.js" data-main="/js/shopingcar"></script>
